html, body{

    margin:0;

    padding:0;

    display: block;

    position: relative;

}



html{
    height: 100%;
}
body {
    min-height: 100%;
}

body{

    background: #fff url(../images/bg.png) repeat-x center;

    font-size: 14px;   

    position: relative;

    font-family: 'Open Sans', sans-serif;

    padding-bottom: 110px;

}
.contacts_details{
    margin-top: -5px;
}




h1{}

h2{font-size: 16px;}

h3{}





.header{

    width: 100%;

    background: url(../images/header.png);

    border-top: 5px solid #f97272;

    height: 45px;

    box-shadow: 0 0 10px #333;

    z-index: 100;

    position: relative;

}

nav{

    width: 960px;

    margin: 0 auto;

}

.menu{

    width: 800px;

    padding-left: 40px;

    float: left;

    height: 45px;

}

.menu li{

    float: left;

    margin-right:20px;

    vertical-align: middle;

    height: 45px;

}

.menu li a{

    font-size: 18px;

    text-shadow: 1px 1px 0px #fff;

    font-style: italic;

    text-decoration: none;
    color: #666666;
    line-height: 42px;
    font-weight: bold;

}
.menu li a{

    color: #808080;


}
.menu li.active a{

    color: #f97272;

}
.menu li a:hover{

    color: #9B9B9B;
    transition: color 0.5s ease;

}









.fb_button{

    float: right;

    width: 45px;

    height: 45px;

    background: url(../images/fb.png) no-repeat top left;

    background-position: 0 -45px;

    -webkit-transition: background-position 0.1s;

    -moz-transition: background-position 0.1s;

    transition: background-position 0.1s;

}

.fb_button:hover{

    background: url(../images/fb.png) no-repeat top left;

}









.wrapper{

    z-index: 50;

    width: 880px;

    margin: 0 auto;

    background: #f1f1f1;

    border: 3px solid #e3e3e3;

    box-shadow: 0 0 35px #E4E4E4;

    padding: 20px 40px 10px 40px;

}



.banner{

    background: #fff;

    border: 1px solid #e3e3e3;

    box-shadow: 0 0 35px #E4E4E4;

    height: 360px;

    width: 964px;

    margin: 0 auto;

}



.slider img {

    display: block;

    float: left;

}
/*
.list li{
width: 880px !important;
height: 321px !important;
overflow: hidden !important;
}*/
.infotext{
    color: #808080;
    font-size: 12px;
}
.slider {

    overflow: hidden;

    width: 962px;

}



.slider .list {

    margin-left: 50px;

}



.slider .list .left {

    float: left;

}



.slider .list .right {

    padding: 20px;

    width: 410px;

    float: left;

}



.slider .prev, .next {

    width: 40px;

    height: 360px;

}

.slider .prev, .slider  .next{

    background: #fff;

    -webkit-transition: all 0.2s ease;                  

    -moz-transition: all 0.2s ease;                 

    -o-transition: all 0.2s ease;   

    -ms-transition: all 0.2s ease;          

    transition: all 0.2s ease;

}

.slider .prev:hover, .next:hover {

    background: #F7F7F7;

    z-index: 777;

}



.slider .prev {

    float: left;

    cursor: pointer;

}



.slider .next {

    text-align: right;

    float: right;

    cursor: pointer;

}



.slider .arrow {

    height: 100%;

}



.slider .prev .arrow {

    background: url("../images/slider/a21.png") center center no-repeat;

    background-position: -10px 110px;

}



.slider .next .arrow {

    background: url("../images/slider/a21.png") center center no-repeat;

    background-position: -70px  110px;

}



.slider .navi {

    position: absolute;

    top: 50px;

    height: 360px;

    width: 962px;

}

.caroufredsel_wrapper{

    margin-left: 40px !important;

    width: 880px !important;

    z-index: 10 !important;

    height: 320px !important;

    border-bottom: 1px solid #ccc !important;

}

.slider img{

    width: 430px;

    height: 330px;

}

.right h1{

    font-size: 26px;

    color: #f97272;

    font-weight: bold;

    margin-bottom: 7px;

}

.right .slide_content{

    font-size: 20px;

    color: #fff;

    background: url(../images/slider/text_bg.png) repeat top left;

    padding: 10px 10px 17px 10px;

    font-style: italic;

    line-height: 26px;

}



/*slide1*/

.slide1_imgs{

    padding-top: 20px;

}

.slide1_imgs img{

    float: left;

    width: 50px;

    height: 75px;

    margin-right: 10px;

}

.slide1_imgs a{

    color: #f97272;

    font-size: 14px;

    cursor: pointer !important;

    z-index: 100;

}



.shadow{

    background: url(../images/shadow.png) no-repeat top left;

    width: 956px;

    height: 20px;

}

h2{padding-bottom: 10px; margin-bottom: 5px;}

.color h2{border-bottom: 3px solid #f97272;}

.grey h2{border-bottom: 3px solid #959595;}





.box{

    width: 240px;

    height: 380px;

    box-shadow: 4px 4px 0 #e3e3e3;

    background: #fff;

    padding: 20px;

}



.box span{

    width: 240px;

    height: 118px;

    display: block;

    margin: 20px 0 10px 0;

}

.pic1{

    background: url(../images/box_pics.png)no-repeat top left;

}

.pic2{

    background: url(../images/box_pics.png)no-repeat top left;

    background-position: 0 -130px;

}

.pic3{

    background: url(../images/box_pics.png)no-repeat top left;

    background-position: 0 -260px;

}

.wrapper p{

    line-height: 18px;

}







/*Footer*/

footer{

    border-top: 3px solid #f97272;

    background: url(../images/footer.png) repeat-x bottom left; 

    border-bottom: 26px solid #f97272;

    position:absolute;

    bottom:0px;

    left:0;

    width: 100%;

}

.footer_wrapper{

    width: 960px;

    margin: 0 auto;

    height: 90px;

}

.web_design{

    font-size: 21px;

    margin: 20px 0 20px 0;

    line-height: 26px;

    width: 320px;

    float: left;

    text-shadow: 1px 1px 0 #fff;

}

.web_design p{

    color: #f97272;

    font-weight: normal;

}

.web_design a{

    color:#A0A0A0;

    text-decoration: none;

}

.web_design:hover a{

    color:#7A7A7A;

}

.footer_color{

    background: url(../images/white_tr.png) repeat-x bottom left;

    width: 50%;

    height: 26px;

    margin-bottom: -25px;

    margin-left: -160px;

}









.col1-3{width: 280px; float: left;}

.col2-3{width: 580px; float: left;}

.col3-3{width: 880px; float: left;}



.col1-3.box{width: 240px; float: left;}

.col2-3.box{width: 580px; float: left;}

.col3-3.box{width: 880px; float: left;}



.a_center{text-align: center;}

.clear{clear: both;}

.f_left{float: left;}
.f_right{float: right;}


.ml_20{margin-left:20px;}

.ml_40{margin-left:40px;}





.mt_10{margin-top: 10px;}

.mt_20{margin-top: 20px;}

.mb_10{margin-bottom: 10px;}

.mb_20{margin-bottom: 20px;}

.mt_40{margin-top: 40px;}







.munista{

    background: url(../images/munista.jpg);

    width: 45px;

    height: 45px;

    float: left;

    border: 2px solid #C9C9C9;

    margin-right: 10px;

    transition : border 500ms ease-out; 

    -webkit-transition : border 500ms ease-out; 

    -moz-transition : border 500ms ease-out;

    -o-transition : border 500ms ease-out;   

}

.ads_wi{

    width: 241px;

    color: #888;

}

a.color.ml_20:hover .ads_wi{

    color: #333;

}

.ads_wi h2{

    border-bottom: 3px solid #C9C9C9;

    transition : border 500ms ease-out; 

    -webkit-transition : border 500ms ease-out; 

    -moz-transition : border 500ms ease-out;

    -o-transition : border 500ms ease-out;      

}



a.color.ml_20:hover h2{

    border-bottom: 3px solid #f97272;

}

a.color.ml_20:hover .munista{

    border: 2px solid #f97272;

}







.cetegory_chek{

    margin: 20px 0 20px 0;

}

.cetegory_chek label{

    margin-right: 20px;

}

.cetegory_chek input{

    margin-right: 5px;

}



.catalog{width: 900px;}

.catalog span{

    width: 165px;

    height: 165px;

    margin-right: 20px;

    margin-bottom: 20px;

    box-shadow: 4px 4px 0 #e3e3e3;

    float: left;

    background: #fff;

    text-align: center;

    padding: 20px;

    color: #bbb;

}

.catalog span .c_title{

    font-weight: bold;

    color: #333;

}

.catalog label, .catalog img{

    display: block;

    margin-bottom: 10px;
    font-style: italic;

}

.catalog img{

/*    width: 86px;

height: 122px;*/

margin: 0 auto;

box-shadow: 0 0 10px #A8A8A8;

margin-bottom: 10px;

}



.content {

    display: none;

}


.gallery{

    overflow: hidden;
    width: 900px;

}
.gallery a {

    text-decoration: none;

}



.gallery img{

    width: 277px;

    height: 30%;

    margin-right: 20px;

    margin-bottom: 20px;

    box-shadow: 4px 4px 0 #DFDFDF;

    cursor: pointer;

}



.gallery img:hover{

    box-shadow: 4px 4px 0 #C7C7C7;

}